﻿<!DOCTYPE html>
<html lang="en">
<head th:replace="~{parts/head}">
<!-- page wrapper -->
<body>

    <div class="boxed_wrapper">

        <!-- preloader -->
        <div class="preloader"></div>
        <!-- preloader -->


        <!-- main header -->
        <header class="main-header style-three">

            <!-- header-lower -->
            <div class="header-lower">
                <div class="outer-box clearfix">
                    <div class="left-column">
                        <div class="logo-box">
                            <figure class="logo"><a href="/"><img src="../../images/logo-3.png" alt=""></a></figure>
                        </div>
                        <div th:replace="~{parts/menu-area}">
                        </div>
                        <div class="right-column pull-right">
                            <div th:replace="~{parts/author-box}">
                            </div>
                        </div>
                    </div>

                    <!--sticky Header-->
                    <div class="sticky-header">
                        <div class="auto-container">
                            <div class="outer-box">
                                <div class="logo-box">
                                    <figure class="logo"><a href="/"><img src="../../images/small-logo.png" alt=""></a></figure>
                                </div>
                                <div class="menu-area">
                                    <nav class="main-menu clearfix">
                                        <!--Keep This Empty / Menu will come through Javascript-->
                                    </nav>
                                </div>
                                <!--                        <div class="btn-box"><a href="register-page.html" class="theme-btn-one"><i class="icon-image"></i>Join Now</a></div>-->
                            </div>
                        </div>
                    </div>
        </header>
        <!-- main-header end -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><i class="fas fa-times"></i></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="/"><img src="../../images/logo-2.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>Chicago 12, Melborne City, USA</li>
                        <li><a href="">+88 01682648101</a></li>
                        <li><a href="mailto:info@example.com">info@example.com</a></li>
                    </ul>
                </div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="/"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="/"><span class="fab fa-facebook-square"></span></a></li>
                        <li><a href="/"><span class="fab fa-pinterest-p"></span></a></li>
                        <li><a href="/"><span class="fab fa-instagram"></span></a></li>
                        <li><a href="/"><span class="fab fa-youtube"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->


        <!--Page Title-->
        <section class="page-title-two">
            <div class="title-box centred bg-color-2">
                <div class="pattern-layer">
                    <div class="pattern-1" style="background-image: url(../../images/shape/shape-70.png);"></div>
                    <div class="pattern-2" style="background-image: url(../../images/shape/shape-71.png);"></div>
                </div>
                <div class="auto-container">
                    <div class="title">
                        <h1>关于我们</h1>
                    </div>
                </div>
            </div>
            <div class="lower-content">
                <div class="auto-container">
                    <ul class="bread-crumb clearfix">
                        <li><a href="/">主页</a></li>
                        <li><a style="cursor: pointer" onclick="window.history.back(-1);">上一页</a></li>
                        <li>关于我们</li>
                    </ul>
                </div>
            </div>
        </section>
        <!--End Page Title-->


        <!-- about-style-two -->
        <section class="about-style-two">
            <div class="auto-container">
                <div class="row align-items-center clearfix">
                    <div class="col-lg-6 col-md-12 col-sm-12 content-column">
                        <div class="content_block_1">
                            <div class="content-box mr-50">
                                <div class="sec-title">
                                    <p>关于DOCPRO</p>
                                    <h2>一键将护理带到您的家中</h2>
                                </div>
                                <div class="text">
                                    <p>我们提供便捷的在线挂号服务，让您随时随地轻松预约医生和时间。我们的网站界面简洁明了，操作简便，让您挂号无忧。同时，我们还提供丰富的健康资讯和在线咨询服务，为您的健康保驾护航。</p>
                                </div>
                                <ul class="list-style-one clearfix">
                                    <li>随时随地</li>
                                    <li>操作简便</li>
                                </ul>
                                <div class="btn-box"><a href="/about" class="theme-btn-one">关于我们<i class="icon-Arrow-Right"></i></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-12 col-sm-12 image-column">
                        <div class="image_block_3">
                            <div class="image-box">
                                <div class="pattern">
                                    <div class="pattern-1" style="background-image: url(../../images/shape/shape-49.png);"></div>
                                    <div class="pattern-2" style="background-image: url(../../images/shape/shape-50.png);"></div>
                                    <div class="pattern-3"></div>
                                </div>
                                <figure class="image image-1 paroller"><img src="../../images/resource/about-4.jpg" alt=""></figure>
                                <figure class="image image-2 paroller-2"><img src="../../images/resource/about-3.jpg" alt=""></figure>
                                <div class="image-content">
                                    <figure class="icon-box"><img src="../../images/icons/icon-8.png" alt=""></figure>
                                    <span>预约我们的</span>
                                    <h4>专家</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- about-style-two end -->


        <!-- process-style-two -->
        <section class="process-style-two bg-color-3 centred">
            <div class="pattern-layer">
                <div class="pattern-1" style="background-image: url(../../images/shape/shape-39.png);"></div>
                <div class="pattern-2" style="background-image: url(../../images/shape/shape-40.png);"></div>
                <div class="pattern-3" style="background-image: url(../../images/shape/shape-41.png);"></div>
                <div class="pattern-4" style="background-image: url(../../images/shape/shape-42.png);"></div>
            </div>
            <div class="auto-container">
                <div class="sec-title centred">
                    <p>流程</p>
                    <h2>预约流程</h2>
                </div>
                <div class="inner-content">
                    <div class="arrow" style="background-image: url(../../images/icons/arrow-1.png);"></div>
                    <div class="row clearfix">
                        <div class="col-lg-4 col-md-6 col-sm-12 processing-block">
                            <div class="processing-block-two">
                                <div class="inner-box">
                                    <figure class="icon-box"><img src="../../images/icons/icon-9.png" alt=""></figure>
                                    <h3>搜索最佳在线专业人士</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12 processing-block">
                            <div class="processing-block-two">
                                <div class="inner-box">
                                    <figure class="icon-box"><img src="../../images/icons/icon-10.png" alt=""></figure>
                                    <h3>查看专业简介</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-sm-12 processing-block">
                            <div class="processing-block-two">
                                <div class="inner-box">
                                    <figure class="icon-box"><img src="../../images/icons/icon-11.png" alt=""></figure>
                                    <h3>获得即时医生预约</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- process-style-two end -->


        <!-- team-style-two -->
        <section class="team-style-two pb-90">
            <div class="auto-container">
                <div class="sec-title centred">
                    <p>认识我们的专业人士</p>
                    <h2>顶级专家</h2>
                </div>
                <div class="row clearfix">
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-5.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Mary Astor</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">2 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="200ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-6.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Rex Allen</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">5 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="400ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-7.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Julia Jhones</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">5 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-8.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Edward Asner</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">3 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="00ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-9.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Terry Bradshaw</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">2 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="200ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-10.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Agnes Ayres</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">4 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="400ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-11.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Leroy Anderson</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">5 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-12 team-block">
                        <div class="team-block-two wow fadeInUp animated animated" data-wow-delay="600ms" data-wow-duration="1500ms">
                            <div class="inner-box">
                                <div class="pattern" style="background-image: url(../../images/shape/shape-43.png);"></div>
                                <figure class="image-box">
                                    <img src="../../images/team/team-12.jpg" alt="">
                                    <a href="/"><i class="far fa-heart"></i></a>
                                </figure>
                                <div class="lower-content">
                                    <h3><a href="doctors-details.html">Dr. Cate Blanchett</a></h3>
                                    <span class="designation">Ph.D, DPT, MS OMPT</span>
                                    <ul class="rating clearfix">
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><i class="icon-Star"></i></li>
                                        <li><a href="/">6 reviews</a></li>
                                    </ul>
                                    <div class="location-box">
                                        <p><i class="fas fa-map-marker-alt"></i>G87P+PG Shustoke, Birmingham, UK</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- team-style-two -->


        <!-- testimonial-style-two -->
        <section class="testimonial-style-two bg-color-3">
            <div class="pattern-layer">
                <div class="pattern-1" style="background-image: url(../../images/shape/shape-55.png);"></div>
                <div class="pattern-2" style="background-image: url(../../images/shape/shape-56.png);"></div>
                <div class="pattern-3" style="background-image: url(../../images/shape/shape-57.png);"></div>
                <div class="pattern-4" style="background-image: url(../../images/shape/shape-58.png);"></div>
                <div class="pattern-5" style="background-image: url(../../images/shape/shape-59.png);"></div>
            </div>
            <div class="auto-container">
                <div class="sec-title centred">
                    <p>评价</p>
                    <h2>用户评价</h2>
                </div>
                <div class="three-item-carousel owl-carousel owl-theme owl-nav-none">
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 这个挂号网站真的很方便，再也不用排队等候了。界面简单易懂，挂号过程快速又顺畅。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-3.png" alt=""></figure>
                                <h4>Amelia Anna</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 我非常喜欢这个网站的设计，特别是它的搜索功能，让我能迅速找到想要的信息。客服也很耐心，帮我解决了不少问题。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-4.png" alt=""></figure>
                                <h4>Paolo Dybala</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 使用这个网站挂号，节省了我大量的时间和精力。而且，它的在线咨询服务也很实用，让我能提前了解病情。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-5.png" alt=""></figure>
                                <h4>Samuel Daniels</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 这个网站的服务真的很棒，每次挂号都很顺利。而且，它还提供了很多有用的健康资讯，让我能更好地管理自己的健康。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-3.png" alt=""></figure>
                                <h4>Amelia Anna</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 我强烈推荐这个医院挂号网站。它的操作流程简单明了，即使是不太擅长使用网络的人也能轻松上手。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-4.png" alt=""></figure>
                                <h4>Paolo Dybala</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 这个网站的服务真的很棒，每次挂号都很顺利。而且，它还提供了很多有用的健康资讯，让我能更好地管理自己的健康。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-5.png" alt=""></figure>
                                <h4>Samuel Daniels</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 我强烈推荐这个医院挂号网站。它的操作流程简单明了，即使是不太擅长使用网络的人也能轻松上手。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-3.png" alt=""></figure>
                                <h4>Amelia Anna</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 我非常喜欢这个网站的设计，特别是它的搜索功能，让我能迅速找到想要的信息。客服也很耐心，帮我解决了不少问题。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-4.png" alt=""></figure>
                                <h4>Paolo Dybala</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                    <div class="testimonial-block-two">
                        <div class="inner-box">
                            <div class="text">
                                <p>“ 这个挂号网站真的很方便，再也不用排队等候了。界面简单易懂，挂号过程快速又顺畅。”</p>
                            </div>
                            <div class="author-info">
                                <figure class="author-thumb"><img src="../../images/resource/testimonial-5.png" alt=""></figure>
                                <h4>Samuel Daniels</h4>
                                <span class="designation">Martketer</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- testimonial-style-two end -->


        <!-- agent-section -->
        <section class="agent-section bg-color-3">
            <div class="auto-container">
                <div class="inner-container bg-color-2">
                    <div th:replace="~{parts/agent-section}"></div>
                </div>
            </div>
        </section>
        <!-- agent-section -->


        <!-- main-footer -->
        <div th:replace="~{parts/main-footer}"></div>
        <!-- main-footer end -->


        <!--Scroll to top-->
        <button class="scroll-top scroll-to-target" data-target="html" onclick='location.href=("/message?targetId=6")'>
            <img src="../../images/robot-2.png">
        </button>
    </div>

    <script th:replace="~{parts/js}"></script>
    <script>
        $('#about_tab').addClass("current");
    </script>

</body><!-- End of .page_wrapper -->
</html>
